<template>
  <div class="header bg-main">
    <div class="logo margin-big-left fadein-top">
      <img src="..\assets\images\logo.png" />
    </div>
    <div class="logo margin-big-left fadein-top">
      <router-link to="/">
        <h1 style="color:white">天府闪送后台管理系统</h1>
      </router-link>
    </div>
    <div class="head-l">
      <span style="color:white" id="account">您好！laotan</span>
      <a class="button button-little bg-red" @click="logout">
        <span class="icon-power-off"></span>退出登录
      </a>
    </div>
  </div>
</template>

<script>
import Axios from "axios";
export default {
  mounted() {
    document.getElementById("account").innerHTML =
      "您好！" + localStorage.getItem("account");
  },
  methods: {
    logout() {
      localStorage.removeItem("token");
      localStorage.removeItem("account");
      location.href = "/login.html";
    },
  },
};
</script>

<style scoped>
</style>